<!--
 * @Author: 杨文涓 943701297@qq.com
 * @Date: 2022-05-17 17:30:59
 * @LastEditors: 杨文涓 943701297@qq.com
 * @LastEditTime: 2022-05-17 21:59:13
 * @FilePath: \html css\9-CSS 七（第八天）CSS高级\2-字体图标.html
 * @Description: 
 * 
 * Copyright (c) 2022 by 杨文涓 943701297@qq.com, All Rights Reserved. 
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体图表引用</title>
    <style>
        @font-face {
            font-family: 'iconfont';
            src: url('./fonts/iconfont.eot?t=1652795732747');
            /* IE9 */
            src: url('./fonts/iconfont.eot?t=1652795732747#iefix') format('embedded-opentype'),
                /* IE6-IE8 */
                url('./fonts/iconfont.woff2?t=1652795732747') format('woff2'),
                url('./fonts/iconfont.woff?t=1652795732747') format('woff'),
                url('./fonts/iconfont.ttf?t=1652795732747') format('truetype'),
                url('./fonts/iconfont.svg?t=1652795732747#iconfont') format('svg');
        }

        .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    </style>
</head>

<body>
    <span class="iconfont">&#xe98b;</span>
    <span class="iconfont">&#xe6a8;</span>
</body>

</html>